<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" href="css/mypage.css" />
	</head>
	<body>
		<div id="web">	
			<!--头部部分开始-->
				<div class="group-title">
					<div class="group-return fl"><a href="index.html">Back</a></div>					
					<div class="group-area fr">
						<a href="javascript:;">
							<img src="img/my-10.jpg" alt="" />
						</a>
						<span>2</span>
					</div>
					<p>我的</p>
				</div>
			<!--头部部分结束-->
			<div class="session">
				
				
				<!--登录部分开始-->
				<div class="my-login clearfix">
					<a href="" class="fl">
						<img src="img/my-tx.jpg" alt="" />
					</a>
					<div class="fl">
						<h3>点击登录</h3>
						<p>长居地未设置</p>
					</div>
					<span class="fr my-right">></span>
					
				</div>				
				<!--登录部分结束-->
				<!--mybox部分开始-->
				<div class="mybox">
					<div class="box-left">
						<a href="javascript:;">
							<img src="img/my-11.jpg" alt="" />
							<p>我的点评</p>
						</a>
					</div>
					<div class="box-middle">
						<a href="javascript:;">
							<img src="img/my-12.jpg" alt="" />
							<p>我的收藏</p>
						</a>
					</div>
					<div class="box-right">
						<a href="javascript:;">
							<img src="img/my-13.jpg" alt="" />
							<p>我的优惠券</p>
						</a>
					</div>
				</div>
			<!--mybox部分结束-->
			
			
			<!--功能部分开始-->
			<div class="tool">
				<div class="purse clearfix">
					<div class="purse-left ">
						<a href="javascript:;">
						<img src="img/my-02.png" class="fl" alt="" />						
						</a>
						
					</div>				
					<div class="purse-right">
						<a href="javascript:;">
							<img src="img/index-2.jpg" class="fr" alt="" />
							<p class="fr">更多</p>
						</a>
					</div>
					<p>我的钱包</p>
				</div>
				
				<div class="purse clearfix">
					<div class="purse-left ">
						<a href="javascript:;">
						<img src="img/my-01.png" class="fl" alt="" width="35px" height="37px" />						
						</a>
						
					</div>				
					<div class="purse-right">
						<a href="javascript:;">
							<img src="img/index-2.jpg" class="fr" alt="" />
							<p class="fr">更多</p>
						</a>
					</div>
					<p>待点评</p>
				</div>
				
				<div class="purse clearfix">
					<div class="purse-left ">
						<a href="javascript:;">
						<img src="img/my-03.png" width="47px" height="29px" class="fl" alt="" />						
						</a>
						
					</div>				
					<div class="purse-right">
						<a href="javascript:;">
							<img src="img/index-2.jpg" width="50px" height="29px" class="fr" alt="" />
							<p class="fr">更多</p>
						</a>
					</div>
					<p>找好友</p>
				</div>
				
				<div class="purse clearfix">
					<div class="purse-left ">
						<a href="javascript:;">
						<img src="img/my-04.png" width="30px" height="30px" class="fl" alt="" />						
						</a>
						
					</div>				
					<div class="purse-right">
						<a href="javascript:;">
							<img src="img/index-2.jpg" class="fr" alt="" />
							<p class="fr">更多</p>
						</a>
					</div>
					<p>我的足迹</p>
				</div>
				
				<div class="purse clearfix" style="margin-top:40px">
					<div class="purse-left ">
						<a href="javascript:;">
						<img src="img/my-05.png" class="fl" alt="" />						
						</a>
						
					</div>				
					<div class="purse-right">
						<a href="javascript:;">
							<img src="img/index-2.jpg" width="39px" height="39px" class="fr" alt="" />
							<p class="fr">更多</p>
						</a>
					</div>
					<p>设置</p>
				</div>
				
				<div class="purse clearfix">
					<div class="purse-left ">
						<a href="javascript:;">
						<img src="img/my-06.png" width="42px" height="30px" class="fl" alt="" />						
						</a>
						
					</div>				
					<div class="purse-right">
						<a href="javascript:;">
							<img src="img/index-2.jpg" class="fr" alt="" />
							<p class="fr">更多</p>
						</a>
					</div>
					<p>联系</p>
				</div>
				<div class="quit">退出</div>
				<div class="cancel">注销</div>
			</div>
			
			
			<!--功能部分开始-->
				
			</div>
			
			<!--底部-->
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-path"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<i class="iconfont icon-classify"></i>
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="find.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a>
					</li>
					<li>
						<a href="mypage.html">
							<i class="iconfont icon-user  active"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
		</div>
		
		
		
		<!--自动计算根字体大小的脚本-->
		<script>
		//安卓的输入法虚拟键盘会影响body的高度，所以在加载时，将body的原本高度给固定住
		document.body.style.height = window.innerHeight + "px";
		
        /*动态改变根元素字体大小*/
        function recalc() {
            var clientWidth = document.documentElement.clientWidth;
            if(!clientWidth) return;
            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
        }

        function initRecalc() {
            recalc();
            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
            if(!document.addEventListener) return;
            window.addEventListener(resizeEvt, recalc, false);
            document.addEventListener('DOMContentLoaded', recalc, false);
        }
        initRecalc();
    	</script>
	</body>
</html>
